.threat-item {
	.foldable-card__main {
		flex: auto;
	}
	&.is-placeholder .card-heading,
	&.is-placeholder .log-item__subheader {
		margin-bottom: 2px;
		@include placeholder( --color-neutral-10 );
	}

	.card-heading,
	.threat-item-header__alert-filename {
		font-size: $font-body;
		line-height: 24px;

		@include breakpoint-deprecated( '>800px' ) {
			font-size: $font-title-small;
		}
	}

	.log-item__subheader {
		color: var( --studio-gray-60 );
		font-size: $font-body-small;
	}

	&.is-current {
		border-left: 3px solid var( --color-error-50 );
	}

	&.is-fixed {
		border-left: 3px solid var( --studio-jetpack-green-40 );
	}

	&.is-ignored {
		border-left: 3px solid var( --studio-gray-50 );
	}

	&__buttons {
		display: flex;
		justify-content: space-evenly;

		> button {
			margin-top: 20px;
		}
	}

	&__fix-button.is-summary {
		display: none;

		@include breakpoint-deprecated( '>800px' ) {
			display: inline-block;
			margin-left: 20px;
		}
	}

	&__fix-button.is-details {
		display: inline-block;
		width: 100%;
		margin-left: 0;

		@include breakpoint-deprecated( '>800px' ) {
			display: none;
		}
	}

	.foldable-card__action.foldable-card__expand {
		border: none;
	}

	.foldable-card__header {
		border-bottom: 1px solid var( --studio-gray-5 );
	}
}

.button.is-compact {
	&.threat-item__fix-button,
	&.threat-item__ignore-button {
		width: 170px;
		padding: 10px 30px;
		margin-inline-start: 5px;
		margin-inline-end: 5px;
		border-width: 1px;
		border-style: solid;
		border-radius: var( --jetpack-corners-soft );
	}
}
